.delete-api-record-modal.rq-modal.ant-modal {
  min-width: 320px !important;

  .ant-modal-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--requestly-color-surface-0);
    border: 1px solid var(--requestly-color-white-t-10);

    img.icon {
      width: 32px;
      height: 32px;
    }

    .header {
      letter-spacing: 0.5px;
      color: var(--requestly-color-text-default);
      font-size: var(--requestly-font-size-lg);
      font-weight: var(--requestly-font-weight-medium);
      line-height: var(--requestly-font-line-height-base);
    }

    .description {
      font-size: var(--requestly-font-size-sm, 13px);
      color: var(--requestly-color-text-subtle);
      line-height: 18px;
      letter-spacing: 0.25px;
    }

    .actions {
      padding-top: 8px;
      display: flex;
      align-items: center;
      gap: 8px;

      .rq-custom-btn.ant-btn {
        flex-shrink: 1;
      }
    }
  }
}
